<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="admin/_fragments :: head(~{::title})">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新闻管理首页</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
    <link rel="stylesheet" href="../../static/css/animate.min.css">

    <script src="/static/js/jquery-3.4.1.min.js"></script>
    <link rel="stylesheet" href="../../static/css/me.css">
    <link rel="stylesheet" href="../../static/css/animate.compat.css">
   
</head>
<body>
    <!-- 导航 -->
    <nav th:replace="admin/_fragments :: menu(0)" class="ui secondary attached m-opacity-mid segment m-mini m-shadow animated fadeInUp">
        <div class=" ui container">
            <div class="ui secondary stackable menu">
                <h1 class="ui violet header item">GDPU NEWS Manager</h1>
                    <a href="#" class="active m-item item m-mobile-hide"><i class="home icon"></i>管理</a>
                    <a href="#" class="m-item item m-mobile-hide"><i class="folder icon"></i> 分类</a>
             
                    <a href="#" class="m-item item m-mobile-hide"> <i class="tags icon"></i>标签</a>
                   
                    <!-- 头像 -->
                    <div class="right m-mobile-hide menu">
                        <div class="ui dropdown item">
                        <div class="text">
                            <img src="/static/images/tx1.jpg" alt="" class="ui image">
                            大鸡巴
                        </div>
                        <i class="dropdown icon"></i>
                            <div class="menu">
                                <a href="#" class="item">注销</a>
                            </div>
                        
                        </div>
                    </div>

            <a href="" class="ui menu toggle blue icon button m-right-top m-mobile-show">
                <i class="sidebar icon">

                </i>
            </a>

        </div>

        </div>
    </nav>




    <!-- 中间内容 -->
    <main class="m-large m-container-small animated fadeInUp">
       <div class="ui container">
           <div class="ui success large message m-huge">
                <h2>Hello!</h2>
               <div th:text="${user}"></div>
               <p>欢迎登录</p>
           </div>
           <img src="../../static/images/cg1.png" alt="" class="ui rounded bordered fluid image">
       </div>
       



    </main>
    
    

    <!-- 底部 -->
    <footer th:replace="admin/_fragments :: footer"  class="ui secondary m-opacity-mid vertical segment m-massive m-shadow">
        <div class="ui center aligned container">
            <div class="ui secondary divided stackable grid">
                <div class="three wide column">
                        <img src="../../static/images/gdpu.jpg" class="ui rounded image" alt="" style="width: 150px;">
                </div>
                <div class="three wide column">
                    <h4 class="ui purple header">最新新闻</h4>
                    <div class="ui link list">
                        <a href="" class="item">国家大事</a>
                        <a href="" class="item">校园趣闻</a>
                        <a href="" class="item">日常</a>
                    </div>
                </div>
                <div class="three wide column">
                    <h4 class="ui purple header">联系小编</h4>
                    <div class="ui link list">
                        <a href="" class="item">1135848912@qq.com</a>
                        <a href="" class="item">广药五栋</a>
                        
                    </div>
                </div>
                <div class="seven wide column">
                    <h4 class="ui purple header">GDPU NEWS</h4>
                    <a href="" class="item">这是一个分享日常生活新闻，国家新闻的网站</a>
                </div>
            </div>

            <h3 class="ui horizontal black divider">splict </h3>
            <h5 class="ui grey header">Copyright @2020-2021 GDPU NEWS Designed By Retroxxx</h5>
        </div>




    </footer>

    <!--/*/<th:block th:replace="admin/_fragments :: script">/*/-->
    <script src="../../static/js/semantic.min.js"></script>
    <script src="../../static/lib/editormd/editormd.min.js"></script>
    <!--/*/</th:block>/*/-->
    <script>
        $('.menu.toggle').click(function(){
            $('.m-item').toggleClass('m-mobile-hide');

        });
        $('.ui.dropdown').dropdown({
            on:'hover'
        });
        

   
    </script>
   

</body>
</html>